.contextmenu {
  position: fixed;
  z-index: 3000;
  font-size: $font-size-small;
  .contextmenu__menu {
    display: inline-block;
    min-width: 120px;
    border: 1px solid #e4e7ed;
    background: $main-bg-p;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    z-index: 3000;
    list-style-type: none;
    padding: 10px 0;
    hr {
      margin: 5px 0;
      border: none;
      height: 1px;
      font-size: 0px;
      background-color: #ebeef5;
    }
    li {
      margin: 0;
      cursor: pointer;
      line-height: 30px;
      padding: 0 17px 0 10px;
      color: #606266;
      @include fj();
      white-space: nowrap;
      text-decoration: none;
      position: relative;
      &:hover {
        background-color: #ecf5ff;
        color: #66b1ff;
      }
      &.disabled {
        cursor: not-allowed;
        color: #bbb;
        background: transparent;
      }
      ul {
        position: absolute;
        top: 0px;
        left: 100%;
        display: none;
        margin: -11px 0;
      }
    }
  }

}
.contextmenu__icon {
  display: inline-block;
  width: 14px;
  font-size: $font-size-medium;
  margin-right: 10px;
}
.contextmenu__suffix {
  margin-left: 40px;
  color: $color-text-p;
}